@charset "utf-8";
*{margin: 0; padding:0;}
body{color:#000; font:12px "微软雅黑";}
a{text-decoration: none; color:#000}
img{display: block;}
ul,li{list-style: none;}
h1,h2,h3,h4{ font-weight: normal;}
i{ font-style:normal;}
@font-face {font-family: 'iconfont';
    src: url('../icon/iconfont.eot'); /* IE9*/
    src: url('../icon/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../icon/iconfont.woff') format('woff'), /* chrome、firefox */
    url('../icon/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../icon/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:20px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}



.topbg{ width:100%; height:40px; background:#333333; min-width: 1226px;}
.top{width:1226px; height:40px;margin:0 auto;position:relative;min-width: 1226px;}
.subnav{ float: left;}
.subnav ul{width:541px; height:40px; line-height: 40px;}
.subnav ul li{float: left;}
.subnav .first a{padding-left:0;}
.subnav ul a{ padding:0 7px; color:#b0b0b0;}
.subnav ul span{color:#b0b0b0;}
.top a:hover{color:#fff;}
.subnav1{width:211px; height:40px;float: right;}
.subnav1 ul{width:211px; height:40px; line-height: 40px;}
.subnav1 ul li{float: left;}
.subnav1 ul a{ padding:0 7px; color:#b0b0b0;}
.subnav1 .last{float: right;width:119px;height:40px;vertical-align: middle;position: relative;z-index: 3; }
.subnav1 .last a{display: block; width: 110px;height:40px; float:right; text-align: center; margin-left:9px; font-size: 12px; }
.subnav1 .last a:hover{color:#ff6700; background:#fff;}
.subnav1 .last a i{vertical-align: -4px}

#message{width:316px; height:100px; text-align: center;line-height: 100px; position:absolute;top:40px; right:0; background: #fff;z-index:1;box-shadow: 0 2px 10px rgba(0,0,0,0.15); font-size: 12px;display: none;}

.nav{width:100%; height:100px;position:relative;min-width: 1226px;}
.nav{width:1226px; height:100px;margin:0 auto;min-width: 1226px;}
.nav h1{width:55px; height:78px; padding-top:22px; margin-right:10px ; float: left;}
.nav h2{width:165px; height:82px; padding-top:18px; margin-right:15px ; float: left;}
.nav #nav1{width:647px; height:100px;float: left;}

 #nav1 a {display:block; padding:0 13px;float: left; color:#333333;font-size: 16px; line-height: 100px;}
 #nav1 a:hover{color:#ff6700;}
 #nav2{ height:0}
.search{width:294px; height:48px; border:1px solid #e0e0e0; float: right;  margin-top:25px; position: relative; transition: all .2s;}
#txt{ float: left; border:0;width:235px; height:48px; border-right:1px solid #e0e0e0;outline:none;padding-left:8px; background: #fff; color:#000;transition: all .2s}
.but{width:50px; height:48px;float: left; border:0; outline:none; background:#fff;transition: all .5s;}
/*background: url(../img/search.jpg) no-repeat 17px 15px;*/


.search:hover , .search:hover #txt{
	border-color: #b0b0b0;
}

#search.active1,#search.active1 #txt {
	border-color: #ff6700;
}


#adv{width:122px; height:18px; text-align: center; position: absolute;left:111px;top:15px;}
#adv a{background:#eeeeee;color:#757575;transition: all .5s;}
#adv a:hover{background:#ff6700;color:#fff;}

#left{width:49px; height:18px; display: block; float: left;  background: #eeeeee; color:#757575;}
#right{width:68px; height:18px;display: block;float: right; background: #eeeeee;color:#757575;}
#show{width:243px;height:auto; display: none; border:1px solid #ff6700; border-top:0; position:absolute; left:0; top:50px;z-index: 2; background:#fff;}
#show li {width:216px; height:29px; border-top:0; padding: 0 14px 0 13px;line-height: 29px;}
#show li a{width:100px; float: left; padding:0; font-size:12px; height:29px; }
#show li a:hover{color:#000}
#show li span{ float: right;height:29px;}
#show li:hover{
	background: #EEEEEE;
	cursor: pointer;
}
#show li.active{
	background: orange;
}
#hove{width:100%; height:0; position:absolute; left:0;top:140px;z-index: 3; display: none; background: #fff;z-index: 3;}
.divbg{width:100%; height:229px; border-top:1px solid #e0e0e0; position:absolute;  display: none; background: #fff;min-width: 1226px;}
.divcs{width:1226px; height:210px;margin:0 auto;padding-top:19px;min-width: 1226px;}
.divcs dl{width:204px; height:182px; float: left; background: url(../img/li1bg.jpg) no-repeat right 16px;}
.divcs dl dt{width:204px; height:142px;text-align: center;}
.divcs dl dt  img{display: inline-block;}
.divcs dl dt a{display: inline-block;vertical-align: middle; }
.divcs dl dt  span{display: inline-block;vertical-align: middle; width:0; height:100%}
.divcs dl dd{width:204px; height:40px;text-align: center;}
.divcs  dd h4{width:204px; height:19px;line-height: 19px;font-size: 12px; color:#333333;}
.divcs  dd p{width:204px; height:21px;line-height: 21px;font-size: 12px; color:#ff6700;}
.divcs .dllast{ background: none;}

.shopbg{width:1226px; height:460px;margin:0 auto;position: relative;min-width: 1226px;}
.shopleftbg{width:234px; height:460px; background: #3e595c; position:absolute;top:0;left:0; z-index:1;opacity: 0.5;}
#shopleft{width:234px; height:460px; position:absolute;top:0;left:0; z-index: 2; opacity: 1;}
.shop{width:234px; height:440px; padding-top:20px;}
.shop li{height:42px;width:180px; padding:0 24px 0 30px; line-height: 42px;}
.shop li a{ display: block; width:120px; height:42px; float: left; color:#fff;font-size: 12px;}
.shop li span{float: right; color:#b2bec0; font-size: 18px;height:42px;}

.shop1{height:459px; border-top:1px solid #e0e0e0; position:absolute;top:0;left:234px;display:none;z-index: 2;}
.shop1 ul{width:260px;height:457px; padding-top:2px; background:#fff; float:left;}
.shop1 ul li{width:188px;height:76px;line-height: 76px; padding-left:72px;}
.shop1 ul li a{font-size:13px; color:#333;}
.shop1 ul li a:hover{ color:#ff6700;}
.shop1 ul li span{width:58px;height:22px;line-height: 22px; text-align: center; border:1px solid #ff6700;color:#ff6700; float:right; margin:26px 4px 0 0;}
.li01{ background: url(../img/1.jpg) no-repeat 30px center;}
.li02{ background: url(../img/2.jpg) no-repeat 30px center;}
.li03{ background: url(../img/3.jpg) no-repeat 30px center;}
.li04{ background: url(../img/4.jpg) no-repeat 30px center;}
.li05{ background: url(../img/5.jpg) no-repeat 30px center;}
.li06{ background: url(../img/6.jpg) no-repeat 30px center;}

.li11{ background: url(../img/d1.jpg) no-repeat 30px center;}
.li12{ background: url(../img/d2.jpg) no-repeat 30px center;}
.li13{ background: url(../img/d1.jpg) no-repeat 30px center;}
.li14{ background: url(../img/d2.jpg) no-repeat 30px center;}
.li15{ background: url(../img/d1.jpg) no-repeat 30px center;}
.li16{ background: url(../img/d2.jpg) no-repeat 30px center;}


#banner{
	width:1226px;
	height:460px; 
	position:absolute;
	left:0;top:0; 
	z-index: 0;
	min-width: 1226px;
	}
#imglist img{
	width:1226px;
	height:460px; 
	position:absolute;
	left:0;top:0;
	min-width: 1226px;
	opacity: 0;
	filter: alpha(opacity=0);
	display: none;
	}
#imglist .active{
	opacity: 1;
	filter: alpha(opacity=100);
	display: block;
	}
#alink{
	position: absolute;
	right: 30px;
	bottom: 20px;
}	
#alink a{
	
	float: left;
	width: 6px;
	height: 6px;
	margin: 0 5px;
	border: 2px solid #fff;
	border-color: rgba(255,255,255,0.3);
	background: rgba(0,0,0,0.4);
	border-radius: 50%;
	
	
	
}
#alink a:hover{
	background: rgba(255,255,255,0.4);
	border-color: rgba(0,0,0,0.4);
}
#alink .active{
 	background: rgba(255,255,255,0.4);
	border-color: rgba(0,0,0,0.4);
 }
#return a{
width: 41px;
height: 69px;

}
#return #pre{
position: absolute;
left:234px;
top: 50%;
margin-top: -35px;
background:url(../img/icon.png) no-repeat -84px 0;
}

#return #pre:hover{
background:url(../img/icon.png) no-repeat 0 0;
}

#return #next{
position: absolute;
right:0;
top: 50%;
margin-top: -35px;
background:url(../img/icon.png) no-repeat -125px 0;
}
#return #next:hover{
background:url(../img/icon.png) no-repeat -42px 0;
}